{% extends "agm1.0/base.html" %}
{%- block body %}  
        <div id='wx_logo' style='display:none;'>
            <img src='/static/images/wx_logo.jpg'/>
        </div>    
        <section id="contact" data-role="page" data-add-back-btn="true">
            <header data-role="header" data-position="fixed">
                <h3>{{_t('视频专区', 'Videos')}}</h3>
            </header>
            <div class="head_pic"><img src="/static/images/tu1.jpg"/></div>
            <div data-role="content">
                <ul data-role="listview" data-inset="true" class="ui-icon-alt">
                    <li data-role="list-divider">安装指导视频</li>
                    {% for k in tags %}
                    <li>{{k}}<ul class="ui-icon-alt">{% for k1 in items[k] %}
                    <li><a href="{{url_for('.video', vid=k1.get('objectId'))}}" style="padding-left:80px"><img style="width:80px;height:80px" src="{{k1.get('thumb')}}"><h2>{{ k1.get('head') }}</h2><p>{{ k1.get('des')}}</p></a></li>{% endfor %}</ul></li>
                    {% endfor %}
                    <li data-role="list-divider">推广视频</li>                    
                    {% for k in tags1 %}
                    <li>{{k}}<ul class="ui-icon-alt">{% for k1 in items[k] %}
                    <li><a href="{{url_for('.video', vid=k1.get('objectId'))}}" style="padding-left:80px"><img style="width:80px;height:80px" src="{{k1.get('thumb')}}"><h2>{{ k1.get('head') }}</h2><p>{{ k1.get('des')}}</p></a></li>{% endfor %}</ul></li>
                    {% endfor %}
                    <li data-role="list-divider">其它视频</li>  
                    <li>玩家视频<ul class="ui-icon-alt">{% for k1 in items['玩家视频'] %}
                    <li><a href="{{url_for('.video', vid=k1.get('objectId'))}}" style="padding-left:80px"><img style="width:80px;height:80px" src="{{k1.get('thumb')}}"><h2>{{ k1.get('head') }}</h2><p>{{ k1.get('des')}}</p></a></li>{% endfor %}</ul></li>                    
                </ul>
                <div class='qr_display'>                
                    <img src="/static/images/wx_qr_430.jpg">{{_t('点击长按扫码', 'Scan Qrcode')}}<br/>{{_t('关注微信公众号', 'Follow Us in Wechat')}}
                </div>
                <div data-role="popup" class="popupqr" data-overlay-theme="a" data-theme="d" data-corners="false"><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="/static/images/wx_qr_430.jpg"></div>                          
            </div>
            <footer data-role="footer" data-position="fixed"><h3><small>©2020 {{_t('AGM 英宝玩具', 'Top-Racer')}}</small></h3></footer>
        </section>          
    {% endblock %}